<template>
	<view v-if="!!gameVo?.gameFileUrl" class="quote-card" @click="testReq">
		
		<!-- 预览图,去掉后，剩余内容自动充满 -->
		<!-- <view class="preview-img">
			<image :src="cardVo.logoUrl" mode="widthFix"></image>
		</view> -->
		<!-- 引用内容 -->
		<view class="preview-img">
			<image  v-for="(item,index) in gameVo?.gameFileUrl" :key="index" :src="item" mode="widthFix"></image>
		</view>
		<view class="quote-content">
			<!-- 雪茄英文名 -->
			<!-- <text class="cigar-en-name">{{cardVo.guanName}}</text> -->
			<!-- 雪茄中文名 -->
		<!-- 	<text class="cigar-cn-name">{{cardVo.nickName}}</text> -->
			<!-- 间隔线 -->
			<!-- <view class="spacing-line"></view> -->
			<!-- 五星 -->
		<!-- 	<view class="five-star">
				<uni-rate size="16" :touchable="false" :value="cardVo.gradeNum" allow-half :readonly="true"/>{{cardVo.gradeNum}}
			</view> -->
			<!-- 引用数据 -->
		<!-- 	<view class="quote-content-detail quote-cigar-content-detail">
				<view>
					<text>参考价格：{{cardVo.guidePrice}}</text>
					<text>2001</text>
				</view>
				<view>
					<text>产地：</text>
					<text>{{cardVo.produceAddress}}</text>
				</view>
			</view> -->
			<!-- 引用活动标题 -->
			
			<text class="quote-content-title">{{gameVo?.title}}</text>
			<!-- 内容简介，文章、帖子、评价等文字内容的简介 -->
			<!-- <text class="quote-content-summary"><text class="quote-text"># 布局的传统解决方案 #</text>，基于盒状模型，依赖 display属性 + position属性 + float属性。</text> -->
			<!-- 通用类型数据 -->
			<view class="quote-content-detail">
				<!-- 活动热度 -->
				<text class="activity-heat">{{gameVo?.hotNum}}</text>
			</view>
			<!-- 活动内容 -->
			<view class="quote-content-detail">
				<!-- 活动时间 -->
				<text class="time-info">活动时间：{{gameVo?.startDate}} 到 {{gameVo?.endDate}}</text>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
import {reactive} from 'vue';
interface Props{
		cardVo:any,
		gameVo:any
	}
const props=defineProps<Props>()
const cardVo=reactive(props.cardVo)
const gameVo=reactive(props.gameVo)
console.log('cardVo,gameVo',gameVo?.gameFileUrl)
</script>

<style>
</style>